*{margin:0; padding:0;}
body{
    background: #F0F0F0;
}
/**避免闪屏**/
[v-cloak]{
    display:none;
}
#app{
    text-align: center;
    color: #1A1A1A;
    width:80%;
    margin:0 auto;
}

@mainColor: #E40075;

/**输入框**/
.input-div{
    margin-top:40%;
    p{
        font-size:14px;
        color:#999;
        margin-bottom:5px;
    }
    #myform{
        position: relative;
        input.telephone{
            width:100%;
            height:42px;
            border:none;
            border-radius:8px;
            padding:0 25px;
            font-size:20px;
            color:#333333;
            box-sizing: border-box;
            background: #fff;
        }
        i{
            position: absolute;
            right:5px;
            top:10px;
            font-size:20px;
        }
    }
}

/**没有输入手机号时**/
.no_phone-div{
    margin-top:20%;
    p{
        color:#999;
        font-size:10px;
        span.contact{
            color: @mainColor;
        }
    }
    /**扫一扫**/
    .scan-div{
        background: @mainColor;
        height: 35px;
        line-height: 35px;
        font-size:16px;
        color:#fff;
        border-radius:8px;
        margin:10px 0;
        span{
            margin-left:8px;
        }
    }
}
/**有手机号时**/
.has_phone-div{
    margin-top:30px;
    border-radius: 8px;
    height:200px;
    background: #fff;
    color:#333;
    img{
        height:40px;
        width:40px;
        border-radius:50%;
        margin-top:20px;
    }
    .nickname{
        font-size:14px;
        margin-bottom:20px;
    }
    .my_tuijian,.not_tuijian{
        margin:0 auto;
        width:150px;
        height:30px;
        line-height: 30px;
        font-size:12px;
        border-radius:15px;
        margin-top:15px;
    }
    .my_tuijian{
        background: @mainColor;
        color:#fff;
    }
    .not_tuijian{
        border:1px solid #999;
    }
}


/**底部提示语**/
.bottom-tip{
    position: fixed;
    bottom:10px; left:0;
    width:100%;
    font-size:11px;
    text-align:center;
}